<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本颜色</title>
    <link rel="stylesheet" href="../../css/bootstrap.css">
    <link rel="stylesheet" href="../../bootstrap-icons-1.13.1/bootstrap-icons.min.css">
</head>
<body>
    <span class="text-muted">柔和的文本。</span>
    <span class="text-primary">重要的文本。</span>
    <span class="text-success">成功的文本。</span>
    <span class="text-info">提示信息的文本。</span>
    <span class="text-warning">警告文本。</span>
    <span class="text-danger">危险文本。</span>
    <span class="text-secondary">副标题。</span>
    <span class="text-dark">深灰色文字。</span>
    <span class="text-body">默认颜色，为黑色。</span>
    <span class="text-light">浅灰色文本（白色背景上看不清楚）。</span>
    <span class="text-white">白色文本（白色背景上看不清楚）。</span>
</body>
</html>